import React, { memo } from "react";
import { Tabs } from "antd";
import { renderRoutes } from "react-router-config";
import { UserOrderWrapper } from "./style";
import Tabcontrol from "@/components/tabcontrol";
import { userOrderMenu } from "@/common/local-data";
const { TabPane } = Tabs;
function callback(key) {
  console.log(key);
}

export default memo(function UserOrder(props) {
  const { route } = props;
  
  return (
    <UserOrderWrapper>
      <div className="tabcontrol">
        <Tabcontrol tabcontrolList={userOrderMenu}></Tabcontrol>
      </div>
      <div>{renderRoutes(route.routes)}</div>
    </UserOrderWrapper>
  );
});
